* {
    box-sizing:border-box;
}
html {
    font-family:Arial,微软雅黑,Verdana,Sans-serif;
}
body,input,ul,li,h2,p,ul,li {
    font-size:14px;
    margin:0;
    padding:0;
    border:0;
}
ul,li {
    list-style: none;
}
img {
    max-width:100%;
    vertical-align:middle;
}
a {
    text-decoration:none;
    color:#666;
}
html,body,#wrapper {
    background: #F5F5F5;
}
.header {
    width:100%;
    height:0.9rem;
    padding:0 0.2rem;
    display:flex;
    align-items: center;
    margin-bottom: 0.2rem;
    background: #F5F5F5;
}
.header .tit {
    flex:1;
    text-align: center;
}
.header .tit input {
    display: block;
    vertical-align: middle;
    width:100%;
    padding:0.1rem 0.2rem;
    height:0.56rem;
    border:1px solid #ccc;
    font-size: 0.3rem;
}
.header .left {
    width:0.5rem;
    height:0.5rem;
    margin-right: 0.2rem;
}
.header .search {
    width:0.46rem;
    height:0.46rem;
    margin:0 0.2rem;
}
.header .search img {
    width:0.46rem;
    height:0.46rem;
}
.list {
    padding:0 0.2rem;
}
.wrapper > .list >ul {
    display:flex;
    flex-wrap: wrap;
}
.wrapper .list ul li {
    padding:0.14rem 0.20rem;
    margin:0.1rem;
    background:#e4e4e4;
    border:1px solid #e4e4e4;
}
.wrapper .list ul li span {
    font-size:0.24rem;
}
.wrapper .list ul li.top {
    background: rgba(254,138,109,.05);
    border-color: #FE8A6D;
}